<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 视口标准化 -->
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimun-scale=1.0, maximun-scale=1.0, user-scale=no">
    <title>售货机--员工管理</title>
    <!-- 引入首页样式 -->
    <link rel="stylesheet" href="./css/staff.css">
    <!-- 引入js文件 -->
    <script src="./js/staff.js"></script>
</head>

<body>
    <!-- 第一部分：nav导航栏 -->
    <section class="nav">
        <!-- 管理左侧 -->
        <a href="../../index.html" class="left">员工管理</a>
        <!-- 管理右侧 -->
        <div class="right">|</div>
    </section>

    <!-- 第二部分：search -->
    <section class="search">
        <!-- 左侧搜索 -->
        <input class="left" type="text" placeholder="请输入员工名称或账号">
        <!-- 右侧按钮 -->
        <button class="right">搜索</button>
    </section>

    <!-- 第四部分：主体部分 -->
    <section class="main">
        <li class="li_1">
            <div class="title">演示员工壹号</div>
            <div class="tel">登录账号</div>
            <div class="share">分润比例(%)</div>
            <div class="money">账户余额</div>
            <div class="bind">绑定商家</div>
            <div class="time">创建时间</div>
        </li>
        <li class="li_2">
            <div class="title">演示员工贰号</div>
            <div class="tel">登录账号</div>
            <div class="share">分润比例(%)</div>
            <div class="money">账户余额</div>
            <div class="bind">绑定商家</div>
            <div class="time">创建时间</div>
        </li>
        <li class="li_3">
            <div class="title">演示员工叁号</div>
            <div class="tel">登录账号</div>
            <div class="share">分润比例(%)</div>
            <div class="money">账户余额</div>
            <div class="bind">绑定商家</div>
            <div class="time">创建时间</div>
        </li>
    </section>

    <!-- 第五部分：代理设置功能 -->
    <section class="set">
        <li class="li1"><a href="./edit_staff.html">编辑员工</a></li>
        <li class="li2"><a href="#">收益明细</a></li>
        <li class="li3"><a href="#">补货日志</a></li>
        <li class="li4"><a href="#">删除员工</a></li>
        <li class="li5"><a href="#">取消</a></li>
    </section>

    <!-- 第六部分：底部 -->
    <a href="./add_staff.html" class="footer"></a>
</body>

</html>